<include file="header"/>
<body>
	<div class="wraper" js="/assets/base/merchantVoucher/index">
		<input type="hidden" id="appid" value="{BEESCRM:$openid}"/>
		<input type="hidden" id="timestamp" value="{BEESCRM:$timestamp}"/>
		<input type="hidden" id="noncestr" value="{BEESCRM:$noncestr}"/>
		<input type="hidden" id="signature" value="{BEESCRM:$signature}"/>
		<div class="banner">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<foreach name="data_merchant_banner" item="vo">
						<div class="swiper-slide">
							<a href="javascript:void (0);" class="btn_banner_get" data-merchant_voucher_id="{BEESCRM:$vo.merchant_voucher_id}" >
								<input type="hidden" id="bannerCardId_{BEESCRM:$vo.merchant_voucher_id}" value="{BEESCRM:$vo.merchant_voucher.card_id}" />
								<input type="hidden" id="bannerCardExt_{BEESCRM:$vo.merchant_voucher_id}" value='{BEESCRM:$vo.merchant_voucher.cardExt}' />
								<img <if condition="$vo['banner_img'] eq null">src="/assets/base/merchantVoucher/images/banner.jpg"<else/>src="{BEESCRM:$vo.banner_img}"</if> >
							</a>
						</div>
					</foreach>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="tab tab-three clearfix">
			<a href="/base/merchantVoucher/searchVoucher" class="tab-list">分类</a>
			<a href="javascript:void(0);" class="tab-list  active">热门</a>
			<a href="javascript:void(0);" class="tab-list">最新</a>
		</div>
		<div class="coupon-container">
			<!--分类:直接跳转了，不显示-->
				<div class="voucher_list" style=" display: none;">

				</div>
			<!--热门-->
			<div class="voucher_list">
				<foreach name="data" item="vo">
					<div class="coupon-list tb-mode">
						<div class="img-box tb-cell">
							<img <if condition="$vo['img_show'] eq null">src="/assets/base/merchantVoucher/images/advert.jpg"<else/>src="{BEESCRM:$vo.img_show}"</if> />
						</div>
						<div class="tb-cell text-block">
							<p class="coupon-name">{BEESCRM:$vo.card_title}</p>
							<div class="clearfix">
								<div class="half-box pull-left text-12 text-gray">
									<p style="font-size: 13px;">商家：{BEESCRM:$vo.business_name}</p>
									<p>剩余：<span class="text-red">{BEESCRM:$vo.voucher_base_count}张</span></p>
								</div>
								<div class="half-box pull-right text-right">
									<input type="hidden" id="hotCardId_{BEESCRM:$vo.merchant_voucher_id}" value="{BEESCRM:$vo.card_id}" />
									<input type="hidden" id="hotCardExt_{BEESCRM:$vo.merchant_voucher_id}" value='{BEESCRM:$vo.cardExt}' />
									<a href="javascript:void(0);" data-merchant_voucher_id="{BEESCRM:$vo.merchant_voucher_id}" class="btn bg-red btn_hot_get">立即领取</a>
								</div>
							</div>
						</div>
					</div>
				</foreach>
			</div>
			<!--最新-->
			<div class="voucher_list"  style="display: none;">
				<foreach name="data_merchant_voucher_new" item="vo">
					<div class="coupon-list tb-mode">
						<div class="img-box tb-cell">
							<img <if condition="$vo['img_show'] eq null">src="/assets/base/merchantVoucher/images/advert.jpg"<else/>src="{BEESCRM:$vo.img_show}"</if> />
						</div>
						<div class="tb-cell text-block">
							<p class="coupon-name">{BEESCRM:$vo.card_title}</p>
							<div class="clearfix">
								<div class="half-box pull-left text-12 text-gray">
									<p style="font-size: 13px;">商家：{BEESCRM:$vo.business_name}</p>
									<p>剩余：<span class="text-red">{BEESCRM:$vo.voucher_base_count}张</span></p>
								</div>
								<div class="half-box pull-right text-right">
									<input type="hidden" id="newCardId_{BEESCRM:$vo.merchant_voucher_id}" value="{BEESCRM:$vo.card_id}" />
									<input type="hidden" id="newCardExt_{BEESCRM:$vo.merchant_voucher_id}" value='{BEESCRM:$vo.cardExt}' />
									<a href="javascript:void(0);" data-merchant_voucher_id="{BEESCRM:$vo.merchant_voucher_id}" class="btn bg-red btn_new_get">立即领取</a>
								</div>
							</div>
						</div>
					</div>
				</foreach>
			</div>
		</div>
	</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<include file="footer"/>